/*
 * @Author: Zero 
 * @Date: 2019-11-13 18:33:45 
 * @Last Modified by: Zero
 * @Last Modified time: 2019-11-13 18:49:46
 */

<template>
  <div class="panel-component">
    <div class="panel-compoent__header">
      <h3 class="panel-compoent__header--title">{{title}}</h3>
    </div>
    <div class="panel-compoent__body">
      <slot name="body"></slot>
    </div>
  </div>
</template>

<script>
export default {
  name: 'panelCompoent',
  props: {
    title: String
  }
}
</script>

<style lang="less" scope>
.panel-component{
  .panel-compoent__header {
    .panel-compoent__header--title {
      font-size: 24px;
      font-weight: bold;
      border-bottom: 1px solid #e6e6e6;
      padding-bottom: 20px;
    }
  }
}
</style>